.xgplayer-skin-eoc {
  .xgplayer-definition {
    order: 5;
    width: 60px;
    height: 150px;
    z-index: 18;
    position: relative;
    outline: none;
    display: none;
    cursor: default;
    margin-left: 10px;
    margin-top: -119px;
    ul {
      display: none;
      list-style: none;
      width: 78px;
      background: rgba(0, 0, 0, 0.54);
      border-radius: 1px;
      position: absolute;
      bottom: 30px;
      left: 0;
      text-align: center;
      white-space: nowrap;
      margin-left: -10px;
      z-index: 26;
      cursor: pointer;
      li {
        opacity: 0.7;
        font-family: PingFangSC-Regular;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.80);
        padding: 6px 13px;
        &.selected{
          color: #fff;
          opacity: 1;
        }
        &:hover{
          color: #fff;
          opacity: 1;
        }
      }
    }
    .name {
      text-align: center;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      line-height: 20px;
      height: 20px;
      cursor: pointer;
      color: rgba(255, 255, 255, 0.80);
      position: absolute;
      bottom: 0px;
      width: 60px;
      height: 20px;
      line-height: 20px;
      background: rgba(0, 0, 0, 0.38);
      border-radius: 10px;
      display:inline-block;
      vertical-align:middle;
    }
  }
}

.xgplayer-skin-eoc.xgplayer-definition-active {
  .xgplayer-definition {
    ul {
      display: block;
    }
  }
}

.xgplayer-skin-eoc.xgplayer-is-definition {
  .xgplayer-definition {
    display: block;
  }
}
